<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <!-- 

        表单：收集和提交用户信息的   --- 数据

            收集用户信息
            数据传给后端
            后端把数据存入数据库

        method 方法  --- 提交数据的方法   
            get   得到
            post  发送

        数据交互 --- 二阶段学习


        一般网站 
            登录注册
            搜索

        input
            text 单行输入
            password 密码
            radio  单选    name 
            checkbox 复选
            file 文件上传   multiple多文件上传
            button普通 / submit提交 / reset重置

        textarea 文本域  多行输入
     -->

    <form action="" method="get/post">
        <!-- 单标签  type 决定显示效果 行内块级元素 -->
        <!-- text输入框  --- 单行输入 -->
        <input type="text">
        <!-- password 密码框 -->
        <input type="password">

        <br>
        请选择性别
        <!-- radio 单选框   必须在标签上添加属性 name  值必须是一样的 -->
        <input type="radio" name="1">男
        <input type="radio" name="1">女

        <br>

        请选择爱好
        <!-- checkbox 复选框  多选 -->
        <input type="checkbox"> 干饭
        <input type="checkbox"> 睡觉
        <input type="checkbox"> 撸代码

        <br>

        <!-- file 文件上传 默认只能传一个文件  multiple可以实现多文件上传 -->
        <input type="file" multiple>

        <br>

        <!-- 文本域   多行输入   -->
        <!-- cols列数  rows行数  不建议使用    一般使用css确定宽高 -->
        <textarea name="" id="" cols="10" rows="5"></textarea>

        <br>

        <!-- 按钮   button / submit / reset -->

        <!-- button 普通按钮 -->
        <input type="button" value="确定">

        <!-- submit 提交的 -->
        <input type="submit" value="提交">

        <!-- reset 重置 --- 清空 -->
        <input type="reset" value="清空">

    </form>

</body>

</html>